/**
 * @file 带检索的列表
 * @author its-wild(https://gitee.com/its-wild)
 * @date 2021/07/14
 */
import { SearchOutlined, ReloadOutlined } from '@ant-design/icons-vue'
export const ListMixin = {
    components: {
        SearchOutlined,
        ReloadOutlined
    },
    data(): any {
        return {
            /* 是否自动加载列表 */
            autoLoad: true,
            /* 检索条件的栅格 */
            span: {
                md: 6,
                sm: 8,
            },
            /* 查询条件 */
            params: {},
            /* 接口地址 */
            urls: {},
            /* 数据源 */
            dataSource: [],
            /* 分页参数 */
            pagination: {
                current: 1,
                pageSize: 10,
                pageSizeOptions: ["10", "20", "30", "50", "100"],
                showTotal: (total: number, range: number[]) => {
                    return range[0] + "-" + range[1] + " 共" + total + "条"
                },
                showQuickJumper: true,
                showSizeChanger: true,
                total: 0
            },
            /* 排序参数 */
            sorter: {
                column: 'createTime',
                order: 'desc',
            },
            /* table加载状态 */
            loading: false,
            /* table选中keys*/
            selectedRowKeys: [],
            /* table选中records*/
            selectionRows: [],
            /* 查询折叠 */
            toggleSearchStatus: false,
            /* 弹出框状态 1.新增 2.编辑 3.查看 */
            modalStatus: 1,
        }
    },
    methods: {
        /**
         * 检索方法
         */
        search(): void {
            // this.loadData(1)
        },
        /**
         * 重置方法
         */
         searchReset(): void {
            // this.params = {}
            // this.loadData(1)
        },
    }
}
